<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片元素的使用</title>
	</head>
	<body>
		<!-- 图片元素和属性与属性值
		    png  jpg  gif
			属性与属性值：出现元素前标记位置【多个用空格分开】
			作用：修饰元素效果
			【必须】资源属性 src="路径+图全称"
			
			路径：通过路径找到文件，表示： /  \
			/  表示  上传至服务器  【推荐】
			\ 表示   下载到本地
			../   返回上一级
			
			相对路径  ① 相对于 执行网页文件  同一目录下  直接按照目录名+图片全称  √
			         ② 相对于 执行网页文件  包含文件夹  返回上一步
			绝对路径 根据盘符查找文件
			        C:\Users\admin\Desktop\Day01\html\html5\htm
			
			
			alt标题属性  属性值：文本自定
			特点：用于解释图片，特点：网络问题、图片全称写错，提示
			title标题属性 属性值：文本自定
			特点：用于解释图片，特点：鼠标移动上去提示
			
		 -->
		 <img src="img\1.pn" alt="喜洋羊" width="200px" height="200px"/>
		 <img src="img\2.jpg" title="蜡笔小新" width="200px" height="200px"/>
		 <img src="img\3.gif" alt="机甲人" title="机甲人"/>
		 
		 <!-- 图片、音频、视频【文件类】使用机制类似  
		 视频 video元素的属性与属性值：如果属性与属性值一致，删属性值
		  autoplay属性    自动播放一次
		  controls属性    控制条
		  loop属性        无限次播放
		 音频 audio 
		 -->
		 <vi deo src="img/oceans-clip.mp4" autoplay controls loop></video>
		 <audio src="img/dafengche.mp3" autoplay  loop></audio>
	</body>
</html>